<!DOCTYPE html>
<html>
<head>
	<s3:data name='MeetingDatas.headerScript' />
    <s3:import type="css"></s3:import>
	<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
	<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-picker.css${data:buildversion}">
	<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}">
	<title></title>
	<style type="text/css">
		.cmp-table-view:after{ height: 0px; }
		.cmp-table-view:before{ height: 0px; }
		#searchHeader .cmp-content-title-search{
			padding: 10px 12px 10px 12px;
			height: 48px;
		}
		.cmp-search input[type='search']{
			height: 28px;
		}
		#searchHeader .cmp-search .cmp-placeholder{
			height: 28px;
		}
		#searchHeader .cmp-search .cmp-placeholder .cmp-icon{
			font-size: 12px !important;
			margin-right: 0;
		}
		.cmp-search .text-search{
			font-size: 12px;
		}
	</style>
</head>
<body  class="cmp-fullscreen cmp-ios cmp-ios-9 cmp-ios-9-1">
    <div class="cmp-segmented_title_content" id="searchHeader" style="background-color: transparent;padding: 0">
		<form action="#" onsubmit="return false;">
			<div class="cmp-content-title-search">
				<div class="cmp-input-row see-icon-search cmp-search">
					<input type="search" placeholder="" class="cmp-input-clear" style="background-color: #eef1f5;" disabled>
					<span class="cmp-icon cmp-hidden cmp-icon-clear"></span>
					<span class="cmp-placeholder" id="search">
						<span class="cmp-icon cmp-icon-search"></span>
						<span class="text-search"><i18n key="meeting.page.label.search"></i18n></span>
					</span>
				</div>
			</div>
		</form>
	</div>
	<!-- 查询后返回的查询内容 -->
	<div id="reSearch" class="cmp-search-content cmp-header-search-position " style="display: none; ">
        <div class="cmp-segmented-control cmp-search-title " style="border:none;">
            <div class="cmp-search-item">
                <span class="title" id="cmp_search_title" style="color:#666666!important"></span>
            </div>
            <div id="toSearch" class="cmp-search-item">
                <div id="searchText" class="item text cmp-active">
                    <input id="searchTextValue" type="text" readonly="readonly">
                </div>
                <div id="searchDate" class="item date">
                    <input id="searchDateBeg" class="cmp-search-date_btn" type="text" readonly="readonly">
                    <span>-</span>
                    <input id="searchDateEnd" class="cmp-search-date_btn" type="text" id="date_end" readonly="readonly">
                </div>
            </div>
            <div class="cmp-search-item">
                <span id="cancelSearch" class="gotoSearch"><i18n key="meeting.meetingRoomList.cancel"></i18n></span>
            </div>
        </div>
   	</div>
	
	<div id="dataCommonDiv" class="cmp-content back_white relative cmp-content-none">
		<div id="segmentedControl" class="cmp-segmented-control cmp-segmented-control-inverted col cmp-segmented-control-primary new-tab-nav" style="display:none;">
			<!-- 会议室列表 -->
			<a id="listMR" class="cmp-control-item cmp-active" href="#mrList"  style="display:none;">会议室列表</a>
			<!-- 已申请 -->
			<a id="listMRApprove" class="cmp-control-item" href="#mrApprovesContain" style="display:none;"><i18n key="meeting.meetingRoomCommon.alreadyApplied"></i18n></a>
			<!-- 审核 -->
			<a id="listMRAudit" class="cmp-control-item" href="#mrAuditsContain" style="display:none;"><i18n key="meeting.meetingRoomCommon.audit"></i18n></a>
		</div>
		<!-- 会议室列表 -->
		<div id="mrContain" class="cmp-control-content  back_white cmp-active">
			<div id="mrListContainDiv" class="cmp-scroll-wrapper">
				<div class="cmp-scroll">
					<ul class="cmp-table-view" id="mrListUL">
					</ul>
				</div>
			</div>
		</div>
		<!-- 已申请会议室列表 -->
		<div id="mrApprovesContain" class="cmp-control-content  back_white cmp-active">
			<div id="mrApprovesContainDiv" class="cmp-scroll-wrapper">
				<div class="cmp-scroll">
					<ul class="cmp-table-view" id="mrApproves">
					</ul>
				</div>
			</div>
		</div>
		<!-- 已审核会议室列表 -->
		<div id="mrAuditsContain" class="cmp-control-content  back_white cmp-active">
			<div id="mrAuditsContainDiv" class="cmp-scroll-wrapper">
				<div class="cmp-scroll">
					<ul class="cmp-table-view" id="mrAudits">
					</ul>
				</div>
			</div>
		</div>
	</div>
	<footer id="footerArea" class="cmp-bar cmp-bar-tab cmp-bar-footer  cmp-bar-tabview footer_color" style="display:none;">
		<div class="border_t meet_room">
			<a id="meetingEntrance" href="#" class="cmp-tab-item  cmp-tabview-item " style="display:none;">
				<span class="cmp-icon see-icon-v5-common-bemeeting" ></span>
				<span class="cmp-tab-label" ><i18n key="meeting.page.lable.meeting"></i18n></span> <!-- 会议 -->
			</a>
			<a href="" class="cmp-tab-item  cmp-tabview-item cmp-active">
				<span class="cmp-icon see-icon-v5-common-meetingroom" ></span>
				<span class="cmp-tab-label" ><i18n key="meeting.meetingRoomCommon.meetingRoom"></i18n></span> <!-- 会议室 -->
			</a>
		</div>
	</footer>
</body>
	<!-- js -->
    <s3:data name='cordova' />  
	<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
	<s3:import type="js"></s3:import>
	<script src="${data:dependencies.cmp}/js/cmp-app.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
	
	<script src="${data:dependencies.cmp}/js/cmp-picker.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-dtPicker.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-search.js${data:buildversion}"></script>
	
	<s3:data name='MeetingDatas.footerScript' />
	<script type="text/javascript" src="<s3:data name='dependencies.meeting'/>/js/mrApproveAndAuditList.js${data:buildversion}"></script>
	
	<!-- 会议室js模版 -->
	<script type="text/html" id="list_li_meetingRoom">
		<% var roomStateClass, roomStateName,
			admin = cmp.i18n('meeting.meetingRoomList.admin'),
			roomStateName0 = cmp.i18n("meeting.meetingRoomList.roomState0"),
			roomStateName1 = cmp.i18n("meeting.meetingRoomList.roomState1"),
			roomStateName2 = cmp.i18n("meeting.meetingRoomList.roomState2"),
			roomStateName3 = cmp.i18n("meeting.meetingRoomList.roomState3"),
			admin = cmp.i18n("meeting.meetingRoomList.admin"),
			choice = cmp.i18n("meeting.meetingRoomList.choice");%>
		<% for(var i = 0,len = this.length;i < len; i++){ %>
		<% var data = this[i];
			if(data.applyState == '1'){
				roomStateClass = 'roomState';
				roomStateName = roomStateName1;
			}else if(data.applyState == '2'){
				roomStateClass = 'roomState part';
				roomStateName = roomStateName2;
			}else if(data.applyState == '3'){
				roomStateClass = 'roomState forbid';
				roomStateName = roomStateName3;
			} else if (data.applyState == '0'){
				roomStateClass = 'roomState forbid';
				roomStateName = roomStateName0;
			} 
			if(showToday){
				roomStateName = cmp.i18n("meeting.meetingRoomList.today") + roomStateName;
			}
		%>
			<li class="cmp-list-cell 
				<%if(data.roomType == '2') { %>
					meetingVideoList
				<% } else { %>
					meetingList
				<% } %> 
				">
				<input type="hidden" id="roomNeedApp_<%=data.roomId%>" name="roomNeedApp_<%=data.roomId%>" value="<%=data.roomNeedApp%>" />
				<div class="room_list" roomId=<%=data.roomId%> roomName=<%=data.roomName%>>
					<%if(data.roomType != '2'){ %>
						<div class="img_wrap">
						<%if(data.image){%>
							<img src="<%=cmp.serverIp%>/seeyon/commonimage.do?method=showImage&id=<%=data.image%>&size=custom&w=127&h=90"></div>
						<%}else{%>
							<img src="<%=cmp.serverIp%>/seeyon/m3/apps/v5<%=MeetingUtils.getDefaultImage()%>" style="height:90px;"></div>
						<%}%>
					<%}%>
					<div class="detail_wrap">
						<ul>
							<li><div class="roomName"><%=data.roomName%></div></li>
							<% if (data.roomSeatCount) {%>
								<li><div class="maxNum"><%=cmp.i18n("meeting.meetingRoomList.seatCount", data.roomSeatCount)%></div></li>
							<% } %>
							<% if (data.roomSeat) { %>
								<li><div class="maxNum"><%= data.roomSeat %></div></li>
							<% } %>
							<%if(data.roomNeedApp){%>
								<li><div class="adminName"><%=admin%>：<span><%=data.adminNames%></span></div></li>
							<%}%>
							<li><div class="<%=roomStateClass%>"><%=roomStateName%></div></li>
						</ul>
						<%if(showChoiceBtn && data.applyState == '1'){%>
							<div roomId=<%=data.roomId%> roomName=<%=data.roomName%> class="choice_room"><%=choice%></div>
						<%}else{%>
							<div class="details see-icon-v5-common-arrow-right"></div>
						<%}%>
					</div>
				</div>
			</li>
		<% } %>
	</script>
	
	<script type="text/html"  id="list_li_tpl">
		<% for(var i = 0,len = this.length;i < len; i++){ %>
			<% var data = this[i]; %>
			<li class="cmp-list-cell meetingList">
				<div class="room_list">
					<%if(data.image){%>
						<div class="img_wrap"><img src="<%=cmp.serverIp%>/seeyon/commonimage.do?method=showImage&id=<%=data.image%>&size=custom&w=127&h=90"></div>
					<%}else{%>
						<div class="img_wrap"><img src="<%=cmp.serverIp%>/seeyon/m3/apps/v5<%=MeetingUtils.getDefaultImage()%>" style="height:90px;width:127px"></div>
					<%}%>
					<div roomappId="<%=data.roomAppId%>" roomid="<%=data.roomId%>" roomName="<%=data.roomName%>" startDatetime="<%=data.startDatetime%>" endDatetime="<%=data.endDatetime%>" class="detail_wrap">
						<ul >
							<li> <div class="roomName"><%=data.roomName %></div> </li>
							<li> <div class="meet_date"><%=data.showTime%></div> </li>
							<!--已申请是：可容纳，待审核是：申请人-->
							<% if(page.listType == 'mrApproveList') {%>
								<!-- 可容纳 -->
								<li> <div class="maxNum"><%=cmp.i18n("meeting.meetingRoomList.seatCount", data.roomSeatCount)%></div> </li>
							<%} else {%>
								<li> <div class="applicant"><%=cmp.i18n("meeting.meetingRoomCommon.applicant")%>:<span><%=data.appPerName%></span></div> </li>
							<%}%>
							<!-- unpass(2) : 审核未通过 , pass(1) 审核通过, 无 (0)  待审核 -->
							<li>
								<% if(data.appStatus == 0) {%>
									<div class="applyState"><%=cmp.i18n("meeting.meetingRoomCommon.pendingAudit")%></div> <!--待审核-->
								<%} else if(data.appStatus == 1) {%>
									<div class="applyState pass"><%=cmp.i18n("meeting.meetingRoomCommon.auditPass")%></div> <!--审核通过--> 
								<%} else if(data.appStatus == 2) {%>	
									<div class="applyState unpass"><%=cmp.i18n("meeting.meetingRoomCommon.auditNotPassed")%></div> <!--审核未通过-->
								<%}%>
							</li>
						</ul>
						<div class="details see-icon-v5-common-arrow-right"></div>
					</div>
				</div>
			</li>	
		<% }%>
	
	</script>
	
</html>
<!--******************** auto import check  ****************--!>